<template>
  <div class="vp-raw flex flex-wrap items-center gap-2">
    <fwb-button size="xs">
      Extra Small - xs
    </fwb-button>
    <fwb-button size="sm">
      Small - sm
    </fwb-button>
    <fwb-button size="md">
      Medium - md
    </fwb-button>
    <fwb-button size="lg">
      Large - lg
    </fwb-button>
    <fwb-button size="xl">
      Extra Large - xl
    </fwb-button>
  </div>
</template>

<script lang="ts" setup>
import { FwbButton } from '../../../../src/index'
</script>
